page{
	background: #f3f3f3;
}
view{
	box-sizing: border-box;
}

//水平方向
.horizontal_view{
	display: flex;
	flex-direction: row;
}
//竖直方向
.vertical_view{
	display: flex;
	flex-direction: column;
}

//上下对齐方式
.align_item_center{
	align-items: center;
}
.align_item_baseline{
	align-items: baseline;
}
.align_item_start{
	align-items: flex-start;
}
.align_item_end{
	align-items: flex-end;
}

//左右对齐方式
.justify_start{
	justify-content: flex-start;
}
.justify_center{
	justify-content: center;
}
.justify_between{
	justify-content: space-between;
}
.justify_end{
	justify-content: flex-end;
}
.justify_around{
	justify-content: space-around;
}

/*文本对齐方式*/
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}

//文本加粗
.bold{
	font-weight: bold;
}


/**
 *单行超出省略号
 */
.text_overflow_ellipsis{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/**
 *2行超出省略号
 */
.text_overflow_clamp_2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/**
 *3行超出省略号
 */
.text_overflow_clamp_3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

// 定义字体大小
@for $i from 20 through 40 {
	.font-#{$i} {
		font-size: $i + rpx;
	}
}
// 定义层级
@for $i from 900 through 999 {
	.zIndex-#{$i} {
		z-index: $i;
	}
}

// 定义圆角
@for $i from 4 through 20 {
	.radius-#{$i} {
		border-radius: $i + rpx;
	}
}

// 定义flex
@for $i from 1 through 4 {
	.flex-#{$i} {
		flex: $i;
	}
}

// 定义内外边距，历遍1-80
@for $i from 0 through 40 {
	// 只要双数和能被5除尽的数
	// @if $i % 2 == 0 or $i % 5 == 0 {
		.m-#{$i} {
			margin: $i + rpx!important;
		}
		// 左右
		.mx-#{$i} {
			margin-left: $i + rpx!important;
			margin-right: $i + rpx!important;
		}
		// 上下
		.my-#{$i} {
			margin-top: $i + rpx!important;
			margin-bottom: $i + rpx!important;
		}
		// 得出：padding-30或者p-30
		.p-#{$i} {
			padding: $i + rpx!important;
		}
		
		// 左右内边距
		.px-#{$i} {
			padding-left: $i + rpx!important;
			padding-right: $i + rpx!important;
		}
		// 上下内边距
		.py-#{$i} {
			padding-top: $i + rpx!important;
			padding-bottom: $i + rpx!important;
		}
		
		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： ml-30
			// 定义外边距
			.m#{$short}-#{$i} {
				margin-#{$long}: $i + rpx!important;
			}
			
			// 定义内边距
			.p#{$short}-#{$i} {
				padding-#{$long}: $i + rpx!important;
			}

		}
	// }
}


button[disabled]:not([type]){
	color: #999;
	background-color: #eee !important;
	opacity: 0.5;
}

button::after {
	border: none;
}

.overflow{
	overflow: hidden;
}
.overflow_y_auto{
	overflow-y: auto;
}

.uni-theem-text-color{
	color: #d81e06;
}

.uni-theem-bg-color{
	background-color: #d81e06;
}

.uni-text-color-num{
	color: #838AA4;
}
.uni-text-color-333{
	color: #333;
}
.uni-text-color-666{
	color: #666666;
}
.uni-text-color-999{
	color: #999;
}
.uni-bg-color-fff{
	background: #fff;
}
.uni-bg-color-grey{
	background: #f3f3f3;
}
.uni-text-color-fff{
	color: #fff;
}
.flex-wrap {
	flex-wrap: wrap;
}
.width_auto{
	width: auto;
}
.width_100{
	width: 100%;
}
.height_100{
	height: 100%;
}
.no_wrap{
	white-space: nowrap;
}

.white_space{
	white-space: pre-wrap;
}

.text_indent{
	text-indent: 50rpx;
}

/**
 * 必填项
 */
.required{
	color: #f00000;
}
/**
 * 输入框提示文本
 */
.input-placeholder,.textarea-placeholder{
	font-size: 30rpx;
}

.u-modal__title{
	color: #333 !important;
}

	